 .table
 {
     /*para que los bordes que se junten se conviertan en uno solo*/
        border-collapse: collapse;
/*        background: rgb(209, 229, 240);*/
        border: 2px solid rgb(3, 12, 102);
        font-family: Arial;
        font-size: 11px;
        color: #555;

 }
 .table  th
 {
     text-align: center;
     background-color: rgb(76, 140, 206);
     color:white;
     
 }
 .table  td{

       padding-left: 5px;
       padding-right: 5px;
 }
 .table  tbody tr
 {
     background-color: white;
 }
 .table  th, .table  td
 {

     border:1px solid rgb(130, 136, 184);
     height:20px;
     vertical-align:bottom;
 }
 .table  tbody tr:hover
 {
    background-color: rgb(183, 182, 230);
/*    background-color: rgb(209, 229, 240);*/

 }
